<!--
 * @Author: taosong
 * @Date: 2021-01-18 20:43:21
 * @LastEditors: taosong
 * @LastEditTime: 2021-01-18 21:04:17
 * @Description: taosongs
-->
<template>
  <div class="line-container">
    <span class="line"></span>
    <span class="font">{{content}}</span>
  </div>
</template>

<script>
export default {
  name: 'COmmonLine',
  props: {
    content: {
      type: String,
      required: true
    }
  }
}
</script>

<style lang="scss">
@import 'scss/color.scss';
.line-container {
  display: flex;
  align-items: center;
  margin: 35px 0;
  .line {
    width: 4px;
    background-color: $color-red;
    height: 30px;
  }
  .font {
    font-size: 31px;
    margin-left: 10px;
  }
}
</style>
